/* 
    Document   : style
    Created on : Feb 25, 2011, 7:23:11 AM
    Author     : tvhwng
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    font: 13px/15px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 0 10px 0;
    background-color: #e0e0e0;
}

#header{
    background-color: #8fb9d9;
    width: 100%;
    overflow: hidden;
    float: left;
    display: inline;
}
#header .banner{
    background-color: #3f93d3;
    text-align: left;
}

#header_nav li{
    font: normal 16px Tahoma,Arial, sans-serif;
    margin-left: 10px;
    padding-left: 2px;
    border: none;
    list-style: none;
    display: inline;
}

#header_nav li A:link {text-decoration: none; color: white;}
#header_nav li A:visited {text-decoration: none;  color: white;}
#header_nav li A:active {text-decoration: none}
#header_nav li A:hover {text-decoration: underline;}

#content{
    font: normal 12px Tahoma,Arial, sans-serif;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    float: left;
    display: inline;
}
#content .body{
    background-color: white;
    padding: 0px 0px;
}

#content .login{
    font: normal 15px Tahoma,Arial, sans-serif;
    margin: 10px 0;
    text-align: left;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CCCCCC;
}
#content .login .label{
    width: 90%;
}
#content .login .input{
    width: 90%;
    cursor: url;
}
#content .login .login_box_title{
    background-color: #3f93d3;
    padding: 10px;
    color: white;
}
#content .login .login_box_content{
    margin-top: 10px;
}
#content .login .login_box_footer{
    margin-top: 5px;
    color: #fff;
}
#content .login .login_box_footer .login_box_ok{
    background-color: #66a3d2;
    border: 1px solid #29447e;
    font: normal 15px Tahoma,Arial, sans-serif;
}
#footer{
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    float: left;
    display: inline;
}
#footer .container{
    background-color: #29447e;
    text-align: left;
    border: 1px #3f93d3 solid;
    color: white;
    padding: 5px 0 5px 10px;
}
.row{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.row .row {
    margin: 0 -10px;
    width: auto;
    display: inline-block;
}
.column{
    margin: 0 10px;
    overflow: hidden;
    float: left;
    display: inline;
    background-color: white;
}
.listMember{
    margin-left: -50px;
    padding: 0px;
}
#listMember img{
    float: left;
    height: 50px;
    width: 50px;
}
#listMember li{
    width: 195px;
    overflow: hidden;
    float: left;
    font: normal 16px Tahoma,Arial, sans-serif;
    margin-left: 10px;
    padding-left: 2px;
    border: none;
    list-style: none;
    display: inline;
    margin-bottom: 20px;
}
#listMember li div{
    float: left; margin-left: 5px; width: 68%; height: auto;
}
#listMember li div #memberName{
    font: normal 13px Tahoma,Arial, sans-serif;
}
#listMember li div .memberStatus{
    font: normal 12px Tahoma,Arial, sans-serif;
}
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.td{
    padding: 3px;
}
